<template>
	<view class="wh-full">
		<!-- 头部组件 -->
		<use-header :fixed="headerFixed" :placeholder="headerPlaceholder" :search-tip="searchTip"
			:search-auto="searchAuto"></use-header>

		<!-- 分类 -->
		<view class="category dflex-s h-full padding-top-big">
			<!-- 左侧一级分类 -->
			<view class="h-full left">
				<scroll-view scroll-y class="h-full">
					<view v-for="item in fdatas" :key="item.id" class="item dflex-c"
						:class="{ active: item.id === cid }" @click="fSelect(item)">{{ item.title }}</view>
				</scroll-view>
			</view>

			<!-- 右侧 1二级分类 2商品列表 -->
			<scroll-view class="h-full right bg-main" scroll-with-animation scroll-y :scroll-top="top"
				:style="{ height: scrollHeight }" @scroll="onScroll">
				<!-- 右侧二级分类 -->
				<view class="dflex-s dflex-wrap-w" v-if="mode == 1">
					<view class="item padding-bottom-sm dflex dflex-flow-c" v-if="item.cid == cid"
						v-for="item in sdatas" :key="item.id" @click="togoodsclasses(item)">
						<image :lazy-load="true" :src="item.img"></image>
						<text class="tac clamp margin-top-sm">{{ item.title }}</text>
					</view>
				</view>

				<!-- 右侧分类对应商品列表 -->
				<!-- <view v-if="mode == 2"> -->
				 <!-- 空白页 -->
					<!-- <use-empty v-if="empty" e-style="round" tip="无商品数据"></use-empty>

					<view v-else class="padding-lr" v-for="(item, index) in goodsDatas" :key="index"
						@click="togoods(item)">
						<view class="goods border-radius-sm padding margin-bottom-sm bg-main"
							style="padding-bottom: 15rpx;">
							<view class="goods-left">
								<image mode="aspectFill" :lazy-load="true" :src="item.defaultImg"></image>
							</view>
							<view class="margin-left-sm pos-r">
								<text class="clamp-2">{{ item.title }}</text>
								<view class="pos-a price-box w-full">
									<text class="price">{{ item.price }}</text>
									<text class="m-price">{{ item.market_price / 100 }}</text> 
								</view>
							</view>
						</view>
					</view> --> 

					<!-- 上拉加载更多 -->
					<!-- <use-loadmore v-if="!empty && hasmore" :type="loadmoreType"></use-loadmore> -->
					<!-- 置顶 -->
				<!-- 	<use-totop ref="usetop" bottom="150" :style="{ marginBottom: navHeight + 'px' }"
						@to="totop"></use-totop>
				</view> -->
			
			
			</scroll-view>
		</view>

		<!-- 切换模式 1二级分类 2商品列表 -->
	<!-- 	<view class="fixed-top" :style="{ marginBottom: navHeight + 'px' }" @click="changeMode">
			<text class="iconfont iconpailie" v-if="mode == 1"></text>
			<text class="iconfont iconpailie02" v-if="mode == 2"></text>
		</view> -->
	</view>
</template>

<script>
	import { queryAllClasses } from "@/api/shopping.js";
	import {
		querySecondProductsApi,
	} from "@/api/classes.js"
	
	const _goods = 'usemall-goods'
	const _goodscategory = 'usemall-goods-category'
	export default {
		data() {
			return {
				// 1分类列表 2商品列表
				mode: 1,
				// 兼容支付宝 height 显示 bug
				scrollHeight: '100%',

				// 头部参数
				headerPlaceholder: 0,
				headerFixed: !0,
				searchAuto: !0,
				searchTip: '请输入搜索关键字',

				// 当前选中分类ID
				cid: "60812f29f61a74000134eee2",
				
				// 一级数据
				fdatas: [],
				// fdatas: [{
				// 	"_id": "60812f29f61a74000134eee2",
				// 	"create_time": 1619078953622,
				// 	"create_uid": "607e63e021576100016eded3",
				// 	"img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/19d2c7cd-8cc1-4970-9f82-401eb2c4c97f.jpg",
				// 	"is_delete": 0,
				// 	"name": "服装",
				// 	"pid": "",
				// 	"sort": 2,
				// 	"state": "启用",
				// 	"version": 1
				// }],
				
				// 二级数据
				sdatas: [],
				// sdatas: [{
				// 	"_id": "608134e52c8abc000163b006",
				// 	"create_time": 1619080421653,
				// 	"create_uid": "607e63e021576100016eded3",
				// 	"img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/36fbb7b6-2761-4955-ab2a-adf1803554da.jpg",
				// 	"is_delete": 0,
				// 	"name": "冰箱",
				// 	"pid": "60812def3ef4cf0001e352a4",
				// 	"sort": 1,
				// 	"state": "启用",
				// 	"version": 1
				// }, {
				// 	"_id": "60813633b09d4a00017092bf",
				// 	"create_time": 1619080755142,
				// 	"create_uid": "607e63e021576100016eded3",
				// 	"img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/c696dc46-40ba-4adb-ae8a-99271b70602e.jpg",
				// 	"is_delete": 0,
				// 	"name": "微波炉",
				// 	"pid": "60812def3ef4cf0001e352a4",
				// 	"sort": 2,
				// 	"state": "启用",
				// 	"version": 1
				// }, {
				// 	"_id": "6081365dff01b00001b598b0",
				// 	"create_time": 1619080797353,
				// 	"create_uid": "607e63e021576100016eded3",
				// 	"img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/bd0f50a2-59b0-4744-8677-7e2626855824.jpg",
				// 	"is_delete": 0,
				// 	"name": "上衣",
				// 	"pid": "60812f29f61a74000134eee2",
				// 	"sort": 1,
				// 	"state": "启用",
				// 	"version": 1
				// }, {
				// 	"_id": "6081367276decc0001831198",
				// 	"create_time": 1619080817856,
				// 	"create_uid": "607e63e021576100016eded3",
				// 	"img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/c9adfe6d-48d2-48da-96c1-394da2f1bc33.jpg",
				// 	"is_delete": 0,
				// 	"name": "裤子",
				// 	"pid": "60812f29f61a74000134eee2",
				// 	"sort": 2,
				// 	"state": "启用",
				// 	"version": 1
				// }, {
				// 	"_id": "60813685f61a7400013506f9",
				// 	"create_time": 1619080837358,
				// 	"create_uid": "607e63e021576100016eded3",
				// 	"img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/a37e7297-5b5e-413e-ba7c-74c5416dfca3.jpg",
				// 	"is_delete": 0,
				// 	"name": "行李箱",
				// 	"pid": "60812f3ca3a24100014b186d",
				// 	"sort": 1,
				// 	"state": "启用",
				// 	"version": 1
				// }, {
				// 	"_id": "6081369ece18950001759d0a",
				// 	"create_time": 1619080862095,
				// 	"create_uid": "607e63e021576100016eded3",
				// 	"img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/9b88ba14-f921-4afc-acb3-4291c5e63672.jpg",
				// 	"is_delete": 0,
				// 	"name": "手提包",
				// 	"pid": "60812f3ca3a24100014b186d",
				// 	"sort": 2,
				// 	"state": "启用",
				// 	"version": 1
				// }, {
				// 	"_id": "608136cad39bb80001c3b51b",
				// 	"create_time": 1619080906076,
				// 	"create_uid": "607e63e021576100016eded3",
				// 	"img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/1208c984-3453-487d-a65c-7b7965dfc725.jpg",
				// 	"is_delete": 0,
				// 	"name": "耳钉",
				// 	"pid": "60812f4e19a4150001b073b3",
				// 	"sort": 1,
				// 	"state": "启用",
				// 	"version": 1
				// }, {
				// 	"_id": "60ace19670f77400013d0c33",
				// 	"create_time": 1621942677909,
				// 	"create_uid": "607e63e021576100016eded3",
				// 	"img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/1d62db39-b432-49c9-9529-827c4d5bbb25.jpg",
				// 	"is_delete": 0,
				// 	"name": "华为",
				// 	"pid": "60ace07724957900014e7f4e",
				// 	"sort": 1,
				// 	"state": "启用",
				// 	"version": 1
				// }, {
				// 	"_id": "60ace64d8a69dc00018d3e4b",
				// 	"create_time": 1621943884882,
				// 	"create_uid": "607e63e021576100016eded3",
				// 	"img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/4b173215-0b14-480c-8c54-747838980766.jpg",
				// 	"is_delete": 0,
				// 	"name": "小米",
				// 	"pid": "60ace07724957900014e7f4e",
				// 	"sort": 2,
				// 	"state": "启用",
				// 	"version": 1
				// }, {
				// 	"_id": "60ace679f3ff4f0001b01e5f",
				// 	"create_time": 1621943928567,
				// 	"create_uid": "607e63e021576100016eded3",
				// 	"img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/b8c5dd09-71ff-4c6c-af49-6678a54081a3.jpg",
				// 	"is_delete": 0,
				// 	"name": "苹果",
				// 	"pid": "60ace07724957900014e7f4e",
				// 	"sort": 3,
				// 	"state": "启用",
				// 	"version": 1
				// }, {
				// 	"_id": "60acec402881d30001cf4104",
				// 	"create_time": 1621945407100,
				// 	"create_uid": "607e63e021576100016eded3",
				// 	"img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/c8ed943b-ea4b-4dd6-acf5-a8f8ec086585.jpg",
				// 	"is_delete": 0,
				// 	"name": "回力",
				// 	"pid": "60acec0e9056cd0001af172b",
				// 	"sort": 1,
				// 	"state": "启用",
				// 	"version": 1
				// }, {
				// 	"_id": "60acec5c24957900014eb04a",
				// 	"create_time": 1621945435080,
				// 	"create_uid": "607e63e021576100016eded3",
				// 	"img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/f25c623e-003d-466c-9e86-9d545f36826c.jpg",
				// 	"is_delete": 0,
				// 	"name": "耐克",
				// 	"pid": "60acec0e9056cd0001af172b",
				// 	"sort": 2,
				// 	"state": "启用",
				// 	"version": 1
				// }, {
				// 	"_id": "60acec79a30ce800015bed97",
				// 	"create_time": 1621945464276,
				// 	"create_uid": "607e63e021576100016eded3",
				// 	"img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/bb4d58ad-dd16-4f1f-8d48-b36d6aa254ad.jpg",
				// 	"is_delete": 0,
				// 	"name": "361°",
				// 	"pid": "60acec0e9056cd0001af172b",
				// 	"sort": 0,
				// 	"state": "启用",
				// 	"version": 1
				// }, {
				// 	"_id": "60acfda270f77400013d8ba8",
				// 	"create_time": 1621949857470,
				// 	"create_uid": "607e63e021576100016eded3",
				// 	"img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/741b45f3-aae2-451d-b196-ffa65936f814.jpg",
				// 	"is_delete": 0,
				// 	"name": "相机",
				// 	"pid": "60acfd68f6a39800017af20e",
				// 	"sort": 1,
				// 	"state": "启用",
				// 	"version": 1
				// }],

				// 商品列表
				goodsDatas: [],
				// goodsDatas: [{
				// 	"_id": "1621946872509978488",
				// 	"cid": "6081365dff01b00001b598b0",
				// 	"cids": ["60812f29f61a74000134eee2", "6081365dff01b00001b598b0"],
				// 	"collect": 1,
				// 	"collect_cnt": 1,
				// 	"hot": 0,
				// 	"img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/d3164ccc-62a5-46de-baf5-52cc8ff6eecc.jpg",
				// 	"imgs": [{
				// 		"extname": "jpg",
				// 		"fileType": "image",
				// 		"image": {
				// 			"height": 430,
				// 			"location": "blob:http://localhost:8082/26d24384-3066-442d-88b1-e0bb224877ca",
				// 			"width": 323
				// 		},
				// 		"name": "200407131303468769.jpg",
				// 		"path": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/d3164ccc-62a5-46de-baf5-52cc8ff6eecc.jpg",
				// 		"size": 33112,
				// 		"url": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/d3164ccc-62a5-46de-baf5-52cc8ff6eecc.jpg"
				// 	}, {
				// 		"extname": "jpg",
				// 		"fileType": "image",
				// 		"image": {
				// 			"height": 430,
				// 			"location": "blob:http://localhost:8082/e299d0cb-7ce1-4490-afdf-b3962511d7fc",
				// 			"width": 323
				// 		},
				// 		"name": "200407131367549877.jpg",
				// 		"path": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/6f015b13-8d0a-48c0-b26d-188305402af7.jpg",
				// 		"size": 24736,
				// 		"url": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/6f015b13-8d0a-48c0-b26d-188305402af7.jpg"
				// 	}],
				// 	"last_modify_uid": "607e63e021576100016eded3",
				// 	"last_modify_uname": "admin",
				// 	"limit": 100,
				// 	"limited": 0,
				// 	"market_price": 199800,
				// 	"name": "上衣衬衫女",
				// 	"name_pw": "Miss Sixty2020春季新款立体网纱袖设计感上衣衬衫女601XJ0640000",
				// 	"price": 149900,
				// 	"sale": 1,
				// 	"sale_cnt": 2,
				// 	"share": 1,
				// 	"share_cnt": 1,
				// 	"share_desc": "Miss Sixty2020春季新款立体网纱袖设计感上衣衬衫女601XJ0640000",
				// 	"share_img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/39ef1a5d-a490-440a-b790-861a51588f44.jpg",
				// 	"share_title": "上衣衬衫女",
				// 	"skus": "{\"spec_s\":\"规格\",\"spec\":[\"白色\",\"蓝色\"]}",
				// 	"sold_out_time": "2029-05-11 00:00:00",
				// 	"sort": 14,
				// 	"state": "销售中",
				// 	"stock_num": 102,
				// 	"tags": ["服装", "假一赔四", "极速退款", "7天无理由退换"],
				// 	"visit": 1,
				// 	"visit_cnt": 1
				// }, {
				// 	"_id": "1621947024210111474",
				// 	"cid": "6081367276decc0001831198",
				// 	"cids": ["60812f29f61a74000134eee2", "6081367276decc0001831198"],
				// 	"collect": 1,
				// 	"collect_cnt": 1,
				// 	"create_time": 1621947024210,
				// 	"create_uid": "607e63e021576100016eded3",
				// 	"create_uname": "admin",
				// 	"hot": 0,
				// 	"img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/5725633b-f439-4bab-b170-46c0dd03e24c.jpg",
				// 	"imgs": [{
				// 		"extname": "jpg",
				// 		"fileType": "image",
				// 		"image": {
				// 			"height": 430,
				// 			"location": "blob:http://localhost:8082/cf4df98a-00c0-4512-88cc-1a41073b1c4b",
				// 			"width": 430
				// 		},
				// 		"name": "200407131739797341.jpg",
				// 		"path": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/5725633b-f439-4bab-b170-46c0dd03e24c.jpg",
				// 		"size": 22184,
				// 		"url": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/5725633b-f439-4bab-b170-46c0dd03e24c.jpg"
				// 	}],
				// 	"is_delete": 1,
				// 	"limit": 100,
				// 	"limited": 0,
				// 	"market_price": 25900,
				// 	"name": "休闲裤",
				// 	"name_pw": "高端丝滑冰丝休闲裤男裤宽松直筒速干运动裤春夏季薄款四面弹长裤",
				// 	"price": 14900,
				// 	"sale": 1,
				// 	"sale_cnt": 1,
				// 	"share": 1,
				// 	"share_cnt": 1,
				// 	"share_desc": "高端丝滑冰丝休闲裤男裤宽松直筒速干运动裤春夏季薄款四面弹长裤",
				// 	"share_img": "https://vkceyugu.cdn.bspapp.com/VKCEYUGU-7e00db99-ad65-4b9f-a74b-61bccb92b124/1716adb5-110b-4b9f-96f6-f1f7956d1991.jpg",
				// 	"share_title": "休闲裤",
				// 	"skus": "{\"spec_s\":\"规格\",\"spec\":[\"黑色\"]}",
				// 	"sold_out_time": "2028-05-19 00:00:00",
				// 	"sort": 15,
				// 	"state": "销售中",
				// 	"stock_num": 102,
				// 	"stock_wh_num": 102,
				// 	"tags": ["服装", "假一赔四", "极速退款", "7天无理由退换"],
				// 	"version": 1,
				// 	"visit": 1,
				// 	"visit_cnt": 1
				// }],
				
				empty: false,
				hasmore: 0,
				loadmoreType: 'nomore',
				// 商品请求数据
				reqdata: {
					rows: 20,
					page: 1
				},

				top: 0,
				scrollTop: 0,
				navHeight: 0
			};
		},
		watch: {
			goodsDatas(e) {
				// 监听数据，呈现空白页
				let empty = e.length === 0;
				if (this.empty !== empty) {
					this.empty = empty;
				}
			}
		},
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
			this.$refs.usetop.change(e.scrollTop);
		},
		onLoad() {
			// #ifdef MP-ALIPAY
			this.scrollHeight = (this.$env.windowHeight - this.$env.sis.titleBarHeight) + 'px';
			// #endif

			// 获取存储的模式
			// this.mode = uni.getStorageSync('category.mode') || 1;
			// this.queryAllClasses();
			
			this.loadData();
			// this.loadData(() => {
			// 	// if (this.mode == 2) {
			// 	// 	// 加载商品数据
			// 	// 	this.loadGoodsDatas()
			// 	// }
			// 	this.loadGoodsDatas()
			// });
		},
		// 下拉刷新
		onPullDownRefresh() {
			this.loadData(() => {
				uni.stopPullDownRefresh();
			});
		},
		methods: {
			async loadData(callback) {
				// this.$db[_goodscategory].tolist().then(res => {
				// 	if (res.code === 200) {
				// 		this.fdatas = [];
				// 		this.sdatas = [];
				// 		console.log(res.datas, "<===== res.datas");
				// 		res.datas.forEach(item => {
				// 			if (item.is_delete === 0) {
				// 				if (!item.pid) {
				// 					// pid为父级id, 不存在 pid || pid=0 为一级分类
				// 					this.fdatas.push(item);
				// 					console.log(JSON.stringify(this.fdatas), "<===== this.fdatas");
				// 				} else {
				// 					// 二级分类
				// 					this.sdatas.push(item);
				// 					console.log(JSON.stringify(this.sdatas), "<===== this.sdatas");
				// 				}
				// 			}

				// 		});

				// 		if (this.fdatas.length > 0) {
				// 			this.cid = this.fdatas[0]._id;
				// 		}

				// 		if (typeof callback === 'function') {
				// 			// 数据加载完成回调函数
				// 			callback();
				// 		}
				// 	}
				// })
				const response = await queryAllClasses().catch(()=>{}).finally(()=>{
					// uni.hideLoading();
					if (typeof callback === 'function') {
						// 数据加载完成回调函数
						callback();
					}
				});
				console.log("🚀🚀🚀🚀🚀 queryAllClasses:", response);
				if(response?.code === 200) {
					this.fdatas = response?.data?.fdatas ?? [];
					this.sdatas = response?.data?.rdatas ?? [];
					if(response?.data?.fdatas?.length > 0) this.cid = response?.data?.fdatas[0]?.id ?? "";
				}else {
					this.fdatas = [];
					this.sdatas = [];
					this.cid = "";
				}
			},
			
			// 加载商品数据
			async loadGoodsDatas() {
			// 	// if (this.mode != 2) {
			// 	// 	return;
			// 	// }
			// 	this.goodsDatas = [];
			// 	// 根据当前 cid 加载商品数据列表
			// 	this.reqdata.cid = this.cid;
			// 	console.log(this.reqdata.cid,"<================this.reqdata.cid")

			// 		const response = await querySecondProductsApi({
			// 			cid: this.reqdata.cid,
			// 		}).catch(()=>{});
			// 		console.log("🚀🚀🚀🚀🚀 querySecondProductsApi:", response);
			// 		if(response?.code === 200) {
			// 			this.goodsDatas = response?.data?.response ?? [];
			// 			console.log(this.goodsDatas,"<==============this.goodsDatas.loadGoodsDatas ")
			// 		}else {
			// 			this.$api.msg("服务器繁忙，分类查询失败")
			// 		}
				
				
				
				
				
			// 	// this.$db[_goods].where(`'${this.reqdata.cid}' in cids`).tolist(this.reqdata).then(res => {
			// 	// 	if (res.code === 200) {
			// 	// 		this.goodsDatas = res.datas;
			// 	// 		console.log(JSON.stringify(this.goodsDatas), "<========this.goodsDatas")
			// 	// 		if (this.goodsDatas.length >= this.reqdata.rows) {
			// 	// 			if (this.reqdata.page == 1) this.hasmore = !0;
			// 	// 		}
			// 	// 		this.empty = this.goodsDatas.length === 0;
			// 	// 	}
			// 	// })
			},
			
			totop(e) {
				this.top = e.scrollTop
				this.$nextTick(function() {
					this.top = 0
				});
			},
			// 一级分类
			fSelect(item) {
				console.log(item, "<===== item")
				this.cid = item.id;
				// this.loadGoodsDatas();
			},
			// 切换模式 1分类模式 2商品模式
			changeMode() {
				this.mode = this.mode == 1 ? 2 : 1;
				// uni.setStorage({
				// 	key: 'category.mode',
				// 	data: this.mode
				// })

				this.loadGoodsDatas();
			},
			// 跳转商品详情
			togoods(item) {
				this.$api.togoods({
					id: item.id
				});
			},
			// 跳转商品列表
			togoodsclasses(item) {
				console.log(item,"<===================togoodslist")
				
				uni.navigateTo({
					url: `/pages/goods/goods-classes?cid=${item.id}`
				});
			},
			
			
			// ********************************************************
			async queryAllClasses () {
				uni.showLoading({
						title: '加载中...'
				});
				const response = await queryAllClasses().catch(()=>{}).finally(()=>{
					uni.hideLoading();
				});
				console.log("🚀🚀🚀🚀🚀 queryAllClasses:", response);
				if(response?.code === 200) {
					this.fdatas = response?.data?.fdatas ?? [];
					this.sdatas = response?.data?.rdatas ?? [];
					if(response?.data?.fdatas?.length > 0) this.cid = response?.data?.fdatas[0]?.id ?? "";
				}else {
					this.fdatas = [];
				}
			},
			
			
			// ********************************************************
		},
		mounted() {
			// #ifdef H5 || MP-360
			this.navHeight = 50;
			// #endif
		}
	};
</script>

<style lang="scss">
	page {
		height: 100%;
		background-color: $page-color-base;
	}

	.category {
		overflow: hidden;

		.left {
			width: 200rpx;
			background-color: $page-color-base;

			.item {
				height: 100rpx;
				color: $font-color-base;
				position: relative;

				&.active {
					color: $uni-color-primary;
					background: #fff;

					&:before {
						content: '';
						position: absolute;
						left: 0;
						top: 50%;
						transform: translateY(-50%);
						height: 36rpx;
						width: 8rpx;
						background-color: $uni-color-primary;
						opacity: 0.8;
					}
				}
			}
		}

		.right {
			flex: 1;
			overflow: hidden;
			display: block;

			.item {
				flex-shrink: 0;
				width: 33.33%;
				font-size: $font-sm + 2upx;
				color: #666;

				image {
					width: 130rpx;
					height: 130rpx;
				}
			}
		}
	}

	.goods {
		display: flex;

		.goods-left {
			image {
				width: 120rpx;
				height: 120rpx;
			}
		}

		.price-box {
			bottom: 0;
		}
	}
</style>